*{padding:0;margin:0;}
body{padding:0;margin:0; background-color:#f5f5f5;font-size:12px; color:#333; font-family: \5FAE\8F6F\96C5\9ED1,Arial, Helvetica, sans-serif;}
a{text-decoration:none;} 
img{margin:0px; padding: 0px; border:0;}
ul,li{list-style:none;}
button, input, select, textarea{font-family: \5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}

.firstpage{ width:100%;/* height:1080px;*/ background:url(../../images/aboutus/firstpage_bg.jpg) no-repeat top center;  background-size: cover;  overflow: hidden;}
.firstpage .content{ position:relative; /*width:1090px;*/ margin:0 auto;} 
.firstpage .content .fp_logo{position:relative; z-index:20; width:306px; padding:60px 0; margin:0 auto;}
.firstpage .content .fp_wz{position:relative; z-index:20;width:866px;padding-bottom:30px; margin:0 auto;}
.firstpage .content .fp_wzl{position:relative; z-index:20;width:866px; margin:0 auto; text-align:center; font-size:14px;}
.firstpage .content .fp_wzl span{ font-size:26px; color:#F00; position:absolute; left:328px; top:-8px;}
.firstpage .content .fp_wzl p{ line-height:24px; color:#494234;}
.firstpage .content .ballon1{ position:absolute; bottom:10%; left:-60px; z-index:10;-webkit-animation:bounce-down 6.5s linear 0s normal none infinite running ;-o-animation:bounce-down 6.5s linear 0s normal none infinite running ;-moz-animation:bounce-down 6.5s linear 0s normal none infinite running ; -ms-animation:bounce-down 6.5s linear 0s normal none infinite running ;animation:bounce-down 6.5s linear 0s normal none infinite running ;}
.firstpage .content .ballon2{ position:absolute; bottom:40%; left:-60px; z-index:10;-webkit-animation:balloon 30s linear 0s normal none infinite running ; -moz-animation:balloon 30s linear 0s normal none infinite running ; -ms-animation:balloon 30s linear 0s normal none infinite running ; -o-animation:balloon 30s linear 0s normal none infinite running ;animation:balloon 30s linear 0s normal none infinite running ;}
.firstpage .content .ballon3{ position:absolute; z-index:0; bottom:300px; left:150px;-webkit-animation:bounce-down 6.5s linear 0s normal none infinite running ;-o-animation:bounce-down 6.5s linear 0s normal none infinite running ;-moz-animation:bounce-down 6.5s linear 0s normal none infinite running ; -ms-animation:bounce-down 6.5s linear 0s normal none infinite running ;animation:bounce-down 6.5s linear 0s normal none infinite running ; }
.firstpage .content .ballon4{ position:absolute; bottom:15%; left:380px; z-index:10;-webkit-animation:bounce-down 6.5s linear 0s normal none infinite running ;-o-animation:bounce-down 6.5s linear 0s normal none infinite running ;-moz-animation:bounce-down 6.5s linear 0s normal none infinite running ; -ms-animation:bounce-down 6.5s linear 0s normal none infinite running ;animation:bounce-down 6.5s linear 0s normal none infinite running ;}
.firstpage .content .ballon5{ position:absolute; bottom:30%; right:0px; z-index:10;-webkit-animation:bounce-down 6.5s linear 0s normal none infinite running ;-o-animation:bounce-down 6.5s linear 0s normal none infinite running ;-moz-animation:bounce-down 6.5s linear 0s normal none infinite running ; -ms-animation:bounce-down 6.5s linear 0s normal none infinite running ;animation:bounce-down 6.5s linear 0s normal none infinite running ;}
.firstpage .content .ballon6{ position:absolute; bottom:40%; right:-230px; z-index:10;-webkit-animation:bounce-down 6.5s linear 0s normal none infinite running ;-o-animation:bounce-down 6.5s linear 0s normal none infinite running ;-moz-animation:bounce-down 6.5s linear 0s normal none infinite running ; -ms-animation:bounce-down 6.5s linear 0s normal none infinite running ;animation:bounce-down 6.5s linear 0s normal none infinite running ;}
.firstpage .content .ballon7{ position:absolute; bottom:60%; right:0px; z-index:10;-webkit-animation:balloon 30s linear 0s normal none infinite running ; -moz-animation:balloon 30s linear 0s normal none infinite running ; -ms-animation:balloon 30s linear 0s normal none infinite running ; -o-animation:balloon 30s linear 0s normal none infinite running ;animation:balloon 30s linear 0s normal none infinite running ;}
.firstpage .content .ballon8{ position:absolute; bottom:70%; right:-100px; z-index:10;-webkit-animation:balloon 30s linear 0s normal none infinite running ; -moz-animation:balloon 30s linear 0s normal none infinite running ; -ms-animation:balloon 30s linear 0s normal none infinite running ; -o-animation:balloon 30s linear 0s normal none infinite running ;animation:balloon 30s linear 0s normal none infinite running ;}
.firstpage .content .plain{position:absolute; top:20%; right:-230px; z-index:10; -webkit-animation:floating 20s linear 0s normal none infinite running ; -moz-animation:floating 20s linear 0s normal none infinite running ; -ms-animation:floating 20s linear 0s normal none infinite running ; -o-animation:floating 20s linear 0s normal none infinite running ;animation:floating 20s linear 0s normal none infinite running ;}

.firstpage .content .btnnext{ position:absolute; width:26px; bottom:20px; left:50%; margin-left:-13px;}



@-webkit-keyframes next-down {
25% {
    -webkit-transform: translateY(-5px);
}
0%, 50%, 100% {
    -webkit-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -webkit-transform: translateY(5px);
}
}
@-moz-keyframes next-down {
25% {
    -moz-transform: translateY(-5px);
}
0%, 50%, 100% {
    -moz-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -moz-transform: translateY(5px);
}
}
@-o-keyframes next-down {
25% {
    -o-transform: translateY(-5px);
}
0%, 50%, 100% {
    -o-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -o-transform: translateY(5px);
}
}
@-ms-keyframes next-down {
25% {
    -ms-transform: translateY(-5px);
}
0%, 50%, 100% {
    -ms-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -ms-transform: translateY(5px);
}
}
@keyframes next-down {
25% {
    transform: translateY(-5px);
}
0%, 50%, 100% {
    transform: translateY(0px) scale(1.05, 0.95);
}
75% {
   transform: translateY(5px);
}
}


@-webkit-keyframes bounce-down {
25% {
    -webkit-transform: translateY(-10px);
}
0%, 50%, 100% {
    -webkit-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -webkit-transform: translateY(10px);
}
}
@-moz-keyframes bounce-down {
25% {
    -moz-transform: translateY(-10px);
}
0%, 50%, 100% {
    -moz-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -moz-transform: translateY(10px);
}
}
@-o-keyframes bounce-down {
25% {
    -o-transform: translateY(-10px);
}
0%, 50%, 100% {
    -o-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -o-transform: translateY(10px);
}
}
@-ms-keyframes bounce-down {
25% {
    -ms-transform: translateY(-10px);
}
0%, 50%, 100% {
    -ms-transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    -ms-transform: translateY(10px);
}
}
@keyframes bounce-down {
25% {
    transform: translateY(-10px);
}
0%, 50%, 100% {
    transform: translateY(0px) scale(1.05, 0.95);
}
75% {
    transform: translateY(10px);
}
}
@-webkit-keyframes balloon {
0% {
    opacity: 0;
    -webkit-transform: translateY(0px);
}
10% {
    opacity: 1;
    -webkit-transform: translateY(0px);
}
100% {
    -webkit-transform: translateY(-300px);
}
}
@-moz-keyframes balloon {
0% {
    opacity: 0;
    -moz-transform: translateY(0px);
}
10% {
    opacity: 1;
    -moz-transform: translateY(0px);
}
100% {
    -moz-transform: translateY(-300px);
}
}
@-o-keyframes balloon {
0% {
    opacity: 0;
    -o-transform: translateY(0px);
}
10% {
    opacity: 1;
    -o-transform: translateY(0px);
}
100% {
    -o-transform: translateY(-300px);
}
}
@-ms-keyframes balloon {
0% {
    opacity: 0;
    -ms-transform: translateY(0px);
}
10% {
    opacity: 1;
    -ms-transform: translateY(0px);
}
100% {
    -ms-transform: translateY(-300px);
}
}
@keyframes balloon {
0% {
    opacity: 0;
    transform: translateY(0px);
}
10% {
    opacity: 1;
    transform: translateY(0px);
}
100% {
    transform: translateY(-300px);
}
}
@-webkit-keyframes floating {
0% {
    -webkit-transform: translateX(1500px);
}
100% {
    -webkit-transform: translateX(-1500px);
}
}
@-moz-keyframes floating {
0% {
    -moz-transform: translateX(1500px);
}
100% {
    -moz-transform: translateX(-1500px);
}
}
@-o-keyframes floating {
0% {
    -o-transform: translateX(1500px);
}
100% {
    -o-transform: translateX(-1500px);
}
}
@-ms-keyframes floating {
0% {
    -ms-transform: translateX(1500px);
}
100% {
    -ms-transform: translateX(-1500px);
}
}
@keyframes floating {
0% {
    transform: translateX(1500px);
}
100% {
    transform: translateX(-1500px);
}
}

@keyframes bounce-down_top {
0% {
    opacity: 0;
    transform: translateY(300px);
}
30% {
    opacity: 1;
    transform: translateY(200px);
}
100% {
    transform: translateY(-500px) scale(1.05, 0.95);
}
}
@keyframes bounce-down_top {
0% {
    opacity: 0;
    transform: translateY(300px);
}
30% {
    opacity: 1;
    transform: translateY(200px);
}
100% {
    transform: translateY(-500px) scale(1.05, 0.95);
}
}

@keyframes bounce-down_top2 {
0% {
    opacity: 0;
    transform: translateY(500px);
}
30% {
    opacity: 1;
    transform: translateY(200px);
}
100% {
    transform: translateY(-500px) scale(1.05, 0.95);
}
}
@keyframes bounce-down_top2 {
0% {
    opacity: 0;
    transform: translateY(500px);
}
30% {
    opacity: 1;
    transform: translateY(200px);
}
100% {
    transform: translateY(-500px) scale(1.05, 0.95);
}
}

/*头部*/
.header_c{ width:100%; height:90px;}
.header_box{ width:100%; background-color:#FFF; overflow:hidden;}
.header{ width:100%; overflow:hidden; padding-bottom:15px; background:#fff;}
.header .content{ /*width:1090px;*/ margin:0 auto;}
.header_fixed{ position:fixed; top:0; z-index:100; border-bottom:1px solid #ddd; box-shadow:1px 1px 5px #ddd;}
.logo{ float:left; padding-top:20px; padding-left:20px;}
.header_nav{ float:right; padding-top:25px;}
.header_nav li{ float:left;margin-left:10px;}
.header_nav li a{ display:block; font-size:16px; color:#666464;width:80px; height:30px; text-align:center; line-height:30px;}
.header_nav li a.current{background-color:#6b7fef; color:#FFF; border-radius:5px;}
.header_nav li.current a{background-color:#6b7fef; color:#FFF; border-radius:5px;}
.header_nav li a:hover{background-color:#6b7fef; color:#FFF; border-radius:5px;}

/*广告*/
.banner_big{ width:100%; overflow:hidden;}
.focus{ position:relative; width:1920px; height:600px;float: left;left:50%; margin-left:-960px;}  
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  } 
.focus .fcon .flash_play{ position:absolute; top:70px; left:50%; margin-left:-400px; width:800px; height:430px;} 
.focus .fcon{ position:relative; width:100%; float:left;  display:none;}  
.focus .fcon img{ display:block; cursor:pointer; }
.focus .fbg{width:160px; height:10px; position:absolute; left:910px;top:520px; z-index:10;}  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px; display:none;}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    


/*关于我们*/
#aboutus{ width:100%; background-color:#FFF;}
.aboutus{ /*width:1090px;*/margin:0 auto; padding:40px 0; clear:both;}
.aboutus_title{ background-image:url(/content/img/aboutus_title_bg.jpg); background-repeat:no-repeat; width:225px; height:48px; font-size:18px; color:#666666; text-align:center; line-height:48px; margin:0 auto;}
.aboutus_title_t{ background-image:url(/content/img/aboutus_title_bg01.jpg); background-repeat:no-repeat; width:325px; height:50px; font-size:18px; color:#666666; text-align:center; line-height:48px; margin:0 auto;}
.red_edge{ width:32px; height:2px; background-color:#6b7fef; margin:0 auto; margin-top:30px;}
.aboutus_main{ margin:25px 0;}
.aboutus_main h2{ font-size:24px;color:#242424; text-align:center; margin-bottom:10px;}
.aboutus_main p{ width:725px; margin:0 auto; font-size:14px; color:#666666; line-height:30px; /*text-align:center;*/}
.aboutus_main p.two{text-indent: 2em;}
.aboutus_main p.cureen{ width:545px; font-size:14px; color:#999999;padding-left:20px;}
/*记录生活*/
.aboutus_life{ background:url(/content/img/aboutus/aboutus_img.jpg) no-repeat center center; width:100%; height:310px; overflow:hidden;}

/*领导简介*/
.hotpros_box{ /*width:1090px;*/ margin:0 auto; margin-top:30px; position:relative; padding-bottom:80px;}
.introduce_img_box{ width:110px; height:110px; margin:0 auto;}
.introduce_img_box img{ width:110px; height:110px; border-radius:55px; padding:2px; background-color:#CCC;}
.user_name{ width:270px; margin:0 auto; font-size:16px; color:#242424; text-align:center; margin-top:10px;}
.introduce_text{ position:relative;}
.introduce_text p{ font-size:14px; color:#666666; width:690px; margin:0 auto; line-height:25px; margin-top:20px; text-align:center;}
.introduce_text b{ display:inline-block; background:url(/content/img/introduce_bg.png) no-repeat 0 0; width:19px; height:15px; position:absolute; left:170px; top:0;}
.introduce_text i{ display:inline-block; background:url(/content/img/introduce_bg.png) no-repeat -29px 0; width:19px; height:15px; position:absolute; left:895px; top:50px;}

/*匠心独寻*/
.joriginality{ width:100%;}
.joriginality_img{ background:url(/content/img/value_concept_img.jpg) no-repeat center center; width:100%; height:380px;}
.aboutus_l{ width:100%; background-color:#f5f5f5; padding:50px 0;}

/*背景墙*/
.banner {width: 100%;height:580px;margin-bottom:20px;overflow: hidden;}
.banner_main {width: 100%;height:580px;overflow:hidden;}
.banner .banner_content {position: relative;width: 1920px;height:580px;left:50%;margin-left:-960px;overflow: hidden;}
.banner .banner_content .bd {position: relative;height: 100%;z-index: 0;overflow: hidden;}
.banner .banner_content .bd li {zoom: 1;vertical-align: middle;}
.banner .banner_content .bd li a {display: block;}
.banner .banner_content .bd li a img {display: block;width: 1920px;height:580px;}
.banner .banner_num {position: absolute;width: 100%;top: 350px;z-index: 10;text-align: center;}
#much_anticipated{ width:100%; background-color:#FFF;}

/*简历投递*/
.Join_us{ width:100%; background-color:#f5f5f5;}
.resume{ /*width:1090px;*/ margin:0 auto; background-color:#FFF; margin-top:30px; position:relative; padding-bottom:50px; margin-bottom:20px;}
.resume i{ display:inline-block; background:url(/content/img/introduce_bg.png) no-repeat -146px 0; width:69px; height:26px;position:absolute; left:515px; top:-13px;}
.resume_title{ /*width:1090px;*/ text-align:center; font-size:18px; color:#666666; padding-top:30px; line-height:30px;}
.resume_title p{ color:#6b7fef;}
.resume_box{ /*width:1000px;*/ margin:0 auto; margin-top:25px;width:70%;}
.resume_box ul{ overflow:hidden;}
.resume_box ul li{ width:158px; height:53px; float:left; border:solid 1px #999999; font-size:18px; text-align:center; line-height:53px; color:#666666; margin-right:6px; cursor:pointer;}
.resume_box ul li.current_bg{ background-color:#6b7fef; color:#FFF; border:0;}
#outer {/*width:1000px;*/ margin:auto;}
#tab{ /*width:1000px;*/ overflow:hidden;}
#cumlyod ul{ display:none;}
.resume_main{ /*width:1000px;*/ margin:0 auto; overflow:hidden;}
.resume_main_left{ float:left; width:460px; margin-right:80px;}
.resume_main_box h2{ font-size:20px;margin-top:50px;}
.resume_main_box p{ font-size:14px; color:#666666; line-height:35px;}
.resume_main_right{ float:left; width:460px;}

/*联系我们*/
.contact{ width:100%; background-color:#FFF; height:450px;}
.contact_box{ /*width:1090px;*/ margin:0 auto; overflow:hidden; padding-top:40px;}
.dituContent{ width:50%; float:left; height:370px;}
.dituContent img{    width: 545px;height: 370px;padding-left: 200px}
.contact_box_right{ width:50%; float:left; height:370px; padding-top:50px;}

/*底部*/
.footer{ background:url(/content/img/footer_bg.jpg) no-repeat center center; width:100%; height:263px;}
.footer_box{ /*width:1090px;*/ margin:0 auto;}
.footer_box img{ display:block; margin:0 auto; padding:70px 0;}
.footer_main{ overflow:hidden; font-size:12px; color:#999999; margin-top:5px;}
.footer_left{ float:left;}
.footer_right{ float:right;}


.qr_code_box {
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

    .qr_code_box .qr_code {
        float: left;
        margin-right: 40px;
    }

        .qr_code_box .qr_code:last-child {
            margin-right: 0;
        }

.qr_code img {
    width: 200px;
}

.qr_code div {
    color: #6b7fef;
    text-align: center;
    margin-top: 5px;
}